<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>快车租车 - 出借人中心</title>
    <link rel="stylesheet" href="../css/lender-dashboard.css">
    <!-- 添加jQuery库 -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
    <!-- 添加工具脚本引用 -->
    <script src="../js/authTokenManager.js"></script>
    <script src="../utils/cookieUtils.js"></script>
    <script src="../utils/api.js"></script>
    <script src="../utils/searchUtils.js"></script>
    <script src="../api/auth.js"></script>
</head>
<body>
<div class="head-container">
    <div class="logo-section">
        <img src="../img/logo.png" alt="快车租车" class="logo-img" onclick="window.location.href='../index.html'" style="cursor: pointer; width: 80px; height: 36px; object-fit: contain;">
        <div class="logo-text">快车租车</div>
    </div>
    <div class="user-actions-container">
        <!-- 用户信息显示区域 -->
        <div class="user-section" id="userSection"></div>
        <button class="logout-btn">退出账号</button>
    </div>
</div>
    
    <div class="title-bar">
        <div class="page-title">我的出借车辆管理</div>
        <div class="action-buttons">
            <a class="add-car-btn" href="./add-vehicle.html">+ 添加车辆</a>
        </div>
    </div>
    
    <div class="filter-options">
        <button class="filter-btn active">全部车辆</button>
        <button class="filter-btn">可租车辆</button>
        <button class="filter-btn">已租车辆</button>
        <button class="filter-btn">维护中</button>
    </div>
    
    <div class="search-bar">
        <div class="search-icon"></div>
        <input type="text" class="search-input" placeholder="搜索车辆：支持品牌、型号、车牌等">
        <button class="search-btn">搜索</button>
    </div>
    
    <div class="car-list">
        <div class="no-cars-message">
            <p>暂无车辆数据</p>
        </div>
    </div>
    
    <div class="footer">
        © 2023 快车租车 版权所有 | 联系方式：400-123-4567
    </div>
    
    <!-- 添加页面业务逻辑脚本 -->
    <script src="../js/lender-dashboard.js"></script>
</body>
</html>
